.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:darkslategray;
}
.item {
  /* margin: 5px; */
  margin-left: 5px;
  margin-right: 5px;
  /* background-color: lightblue; */
  text-align: center;
}

.space-item1 {
  flex-basis: 2%;
}
.avator {
  flex-basis: 5%;
  flex-grow: 0; /* 不再放大 */
}
.space-item2 {
  flex-basis: 73%;
}
.login {
  flex-basis: 10%;
  flex-grow: 0; /* 不再放大 */
}
.space-item3 {
  flex-basis: 2%;
}
.register {
  flex-basis: 10%;
  flex-grow: 0; /* 不再放大 */
}
.space-item4 {
  flex-basis: 8%;
}
